/*
Theme Name: AntiLine
Description: A clean, sparse, lineless template with a touch of splatter. Edit RSS links in sidebar.php.
Author: Brian McCulloh
Author URI: http://brianmcculloh.com/
Converter: Blogger Template Place
Converter URI: http://www.bloggertemplateplace.com/
Tags: white, 2-column, splatter, fixed-width, clean, white space, grey
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

#navbar-iframe {
    visibility:hidden;
    display:none;
    height:0;
}

#footer .content {
    padding:10px;
    color:#444;
    font-size:.5em;
    text-align:center;
}

#headerarea {
    display:block;
    overflow:hidden;
    width:850px;
    margin:0 auto;
    padding-bottom:10px;
    text-align:center;
}

/* kywk: popup layer */
#l-archive {
    display:none;
    float:right;
    width:720px;
    padding-left:250px;
    border:1px solid #aaa;
    background-color:#f0f0f0;
    text-align:center;
}

#l-tags {
    float:right;
    width:730px;
    padding:7px;
    border:1px solid #aaa;
    background-color:#f0f0f0;
    font-size:.8em;
    line-height:1.2em;
    text-align:center;
}

#logo {
    float:right;
    position:relative;
    z-index:9;
    width:85%;
    margin-left:12px;
    text-align:left;
}

#logo #header h1.title {
    margin:0 0 10px;
    padding:0;
    color:#000;
    font-size:1.8em;
    font-weight:600;
    letter-spacing:-1px;
}

#logo #header p.description {
    margin-top:-5px;
    padding:0;
    color:#333;
    font-size:.75em;
    font-weight:200;
    letter-spacing:-1px;
}

#mainWrapper {
    width:100%;
}

#main {
    position:relative;
    top:-10px;
    width:850px;
    margin:0 auto;
}

#main .content {
    padding:25px 15px 25px 0;
    color:#444;
    font-size:.85em;
    line-height:1.6em;
    text-align:justify;
}

#main .contentWrapper {
    margin-bottom:12px;
    padding:0;
}

#main .descr {
    float:left;
    position:relative;
    width:200px;
    margin-left:-220px;
    clear:both;
    color:#666;
    font-size:.7em;
    line-height:180%;
    text-align:right;
}

#main .entry {
    padding:10px 0;
}

#main .mainColumn {
    float:right;
    width:85%;
    text-align:justify;
}

#main .post {
    margin:0;
    padding-bottom:40px;
}

#menuWrapper {
    float:right;
    margin:0 auto;
    color:#600;
    text-align:center;
}

#menu {
    position:relative;
    z-index:10;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:0.8em;
    font-weight:200;
    letter-spacing:-1px;
}

#menu ul {
    margin:0;
    padding:10px;
    list-style:none;
}

#menu li {
    display:inline;
    padding:2px;
}

#menu li.first-child,#menu li.firstlink,#menu li.first-child {
    background-image:none;
}

body {
    margin:0;
    padding:0;
    background:#fff no-repeat top center fixed;
    color:#444;
    font-family:Verdana, Arial, Helvetica, sans-serif, Georgia, 'Times New Roman', Times, serif;
    text-align:center;
}

a:link,a:visited {
    padding:0 1px 0 1px;
    border-bottom:1px solid #fff;
    color:#222;
    text-decoration:none;
}

a:hover,a:active {
    border-color:#222;
    border-radius:3px;
    border-style:solid;
    border-width:1px;
    background:#444;
    color:#eee;
    text-decoration:none;
}

a img {
    padding:2px;
    border:1px solid #ccc;
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
    color:#000;
    font-family:normal normal normal 16px/26px Verdana, Arial, Helvetica, sans-serif;
    text-shadow:2px 2px 4px #aaa;
}

h1 a:hover,h1 a:active,h2 a:hover,h2 a:active,h3 a:hover,h3 a:active,h4 a:hover,h4 a:active,h5 a:hover,h5 a:active,h6 a:hover {
    color:#eee;
    text-shadow:0 0 1px #aaa;
}

h1 {
    font-size:2em;
    font-weight:300;
    letter-spacing:-1px;
}

h2 {
    margin:0;
    padding:0 0 15px;
    font-size:1.6em;
    font-weight:700;
}

h3 {
    margin:0;
    padding:0 0 10px;
    font-size:1.1em;
    font-weight:700;
}

img {
    border:none;
}

/* kywk blockquote */
blockquote {
    display:block;
    margin:3px 0 3px 30px;
    color:#000;
    font-family:Cambria;
    font-style:italic;
    line-height:1.4em;
    text-align:left;
}

code {
    display:block;
    margin:-8px 0 -8px 30px;
    color:#000;
    font-size:1.1em;
    line-height:1.4em;
    text-align:left;
}

/* formator */
.center {
    text-align:center;
}

.clearer {
    clear:both;
    font-size:0;
    line-height:0;
}

.floatleft {
    float:left;
    padding-right:10px;
}

.floatright {
    float:right;
    padding-left:10px;
}

.images {
    font-size:small;
    padding-left:50px;
}

.spacer10 {
    float:left;
    width:10px;
}

.spacer15 {
    float:left;
    width:15px;
}

.spacer20 {
    float:left;
    width:20px;
}

.spacer5 {
    float:left;
    width:5px;
}

.textbox {
    border:1px solid #000;
}

/* kywk staff */
.arts,.movie,.reading {
    width:98%;
}

.arts .comment,.movie .comment,.reading .comment {
    width:*;
    padding-bottom:15px;
    font-style:normal;
    text-align:justify;
    vertical-align:text-top;
}

.arts .subtitle,.movie .subtitle,.reading .subtitle {
    color:#0C5AA6;
    font-size:1.4em;
    font-weight:700;
    text-shadow:1px 1px 2px #aaa;
}

.arts .surf, .movie .surf, .reading .surf {
    font-size:.8em;
}

.movie .dm,.arts .dm {
    color:#66a3d3;
    font-size:.7em;
    font-style:normal;
    text-align:center;
    vertical-align:text-top;
}

.movie .info,.reading .info {
    width:*;
    padding-bottom:15px;
    font-size:.85em;
    font-style:normal;
    text-align:justify;
    vertical-align:text-top;
}

.reading .anobii {
    width:160px;
    float:left;
    text-align:center;
    vertical-align:text-top;
}

.reading .anobii img {
    width:120px;
}

.reading .extend {
    color:#66a3d3;
    font-size:.8em;
    font-style:normal;
}

.links {
    margin-top:-5px;
    font-size:small;
}

.review h4 {
    margin: 10px 0 1px 0;
}

.surf {
    padding:10px;
    letter-spacing:0;
}

.surf a {
    margin-left:15px;
    line-height:1.2em;
}

.surf c {
    margin:0 0 1px 25px;
    font-size:.85em;
}

.surf c a {
    margin:0;
}
